{% load bootstrap3 %}

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE-edge">
	<meta name="viewprot" content="width=device-width, initial-scal=1">
	<title>学习记录</title>
	{% bootstrap_css %}
	{% bootstrap_javascript %}
</head>
<body>
	<!-- Static navbar -->
	<nav class="navbar navbar-default navbar-static-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"></button>
			</div>
			<a class="navbar-brand" href="{% url 'learning_logs:index' %}">学习记录</a>
		
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li><a href="{% url 'learning_logs:topics' %}">主题</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					{% if user.is_authenticated %}
					<li><a>你好, {{ user.username }}.</a></li>
					<li><a href="{% url 'users:logout' %}">退出</a></li>
					{% else %}
					<li><a href="{% url 'users:register' %}">注册</a></li>
					<li><a href="{% url 'users:login' %}">登录</a></li>
					{% endif %}
				</ul>
			</div>
		</div>
	</nav>
	<div class="container">
		<div class="page-header">
			{% block header %}{% endblock header %}
		</div>	
		<div>
			{% block content %}{% endblock content %}
		</div>
	</div>

	
</body>
</html>